<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>列表– 爽客网</title>
<%@include file="../common/js.jsp" %>
<%@include file="../common/css.jsp" %>
<link href="css/list.css" type="text/css" rel="stylesheet" />
<link href="css/pager.css" type="text/css" rel="stylesheet" />
<style>
</style>
</head>
<body>
	<%@include file="../common/header.jsp"%>
	
	
	<div class="wrap">
    
        <!-- list-content-->
        <div class="w980 mg box_mg">
        	<div class="list_wrap clearfix">
            
            	<!-- left-box-->
            	<div class="left_box list_left">
            		<ul class="list_box_s1">
						<c:forEach items="${pageModel.list}" var="c">
							<li class="clearfix">
					    	
					         <div class="pic_box">
					         	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="120" height="60" /></a>
					         </div>
					         <div class="info_box">
					         	<a href="${c.hyperlink}" class="name" target="_blank">${c.title}</a>
					             <div class="info">
					             	<p>${c.summary}</p>
					             </div>
					         </div>
					     </li>
						</c:forEach>               
					</ul>
					<c:if test="${pageModel.totalPage>1 }"><div id="page" class="h_page"></div></c:if>
            	</div>
                <!-- left-box--end-->
            	
                <!-- right-box-->    
                <div class="right_box list_right">
                	
                	<div class="ad_box">
                    	<a href="#" class="block"><img src="../../images/smallpic/view_230x115.gif" class="block" /></a>
                    </div>
                </div>
                <!-- right-box--end-->
                    
            </div>
        </div>
        <!-- list-content--end-->
        
    </div>
    <div class="w100p">
    	<div class="w980 mg footer mt10">
        	<c:forEach items="${footer }" var="c">
        		${c.content}
        	</c:forEach>
        	<%-- <c:forEach items="${cooperatesite }" var="c">
        		${c.content}
        	</c:forEach>
        	<c:forEach items="${friendlink }" var="c">
        		${c.content}
        	</c:forEach> --%>
        </div>
    </div>
<script type="text/javascript">
$(function(){
	$("#page").pager({
    	pagenumber : '${pageModel.currentPage}',
    	pagecount : '${pageModel.totalPage}',
    	buttonClickCallback : function(page) {
    		window.location.href = "listView.htm?channel=${channel}&page="+page;
    	}
    });
});
</script>
</body>
</html>
